{template header_static.html}
<body class="index">
    {template header.html}
    <main>
        <div class="banner-inner">
            <?php $neiyebanner=dr_site_value('neiyebanner');?>
            <?php if ($neiyebanner) { $key=0; foreach ($neiyebanner as $v) { ?>
            {if $key==0}
            <img src="{dr_get_file($v[2])}" width="1919" height="350" class="innerbanners">
            {/if}
            <?php  $key++; } } ?> 
            <div class="banner-content">
                <div class="container">
                    <h1 class="banner-title-h1">{usu_fanyi('Search', $language)}</h1>
                    <div class="banner-breadcrumbs"> 
                        <a href='/' class=''>Home</a> &gt; <a href='/' class=''>{usu_fanyi('Search', $language)}</a>
                    </div>
                </div>
            </div>
        </div>
        <section class="common-main product-main">
            <div class="l-wrap">
                <div class="page-container">
                    <aside class="sidebar">
                        {template nav.html}
                        <div class="sidebar-item category">
                            <p class="sidebar-title">{usu_fanyi('Products', $language)}</p>
                            <ul class="sidebar-cate">
                                {category module=share pid=1 return=t}
                                <li class="menu-item LiLevel1"> 
                                    <a href="{dr_url_rel($t.url, SITE_URL)}">{usu_fanyi($t.name, $language)}</a>
                                    {if $t.child}
                                    <ul class="sub-menu">
                                        {category module=share pid=$t.id return=t2}
                                        <li class="LiLevel2">
                                            <a href="{dr_url_rel($t2.url, SITE_URL)}">{usu_fanyi($t2.name, $language)}</a>
                                        </li>
                                        {/category}
                                    </ul>
                                    {/if}
                                </li>
                                {/category}
                            </ul>
                        </div>
                        <div class="sidebar-item recommended">
                            <p class="sidebar-title">{usu_fanyi('Recommended', $language)}</p>
                            <ul class="sidebar-prolist">
                                {module module=news catid=1 flag=1 num=0,6}
                                <li> 
                                    <a href="{dr_url_rel($t.url, SITE_URL)}">
                                        <img data-src="{dr_get_file($t['thumb'])}" class="lazy" alt="{usu_fanyi($t['title'], $language)}">
                                    </a>
                                    <div> 
                                        <a href="{dr_url_rel($t.url, SITE_URL)}" class="line2">{usu_fanyi($t['title'], $language)}</a>
                                        <p class="line2">{usu_fanyi($t['description'], $language)}</p>
                                    </div>
                                </li>
                                {/module}
                            </ul>
                        </div>
                    </aside>
                    <div class="page-main">
                        <h1 class="pro-cate-title">{usu_fanyi($cat['name'], $language)}</h1>
                        <ul class="pro-list list1">
                            {search module=MOD_DIR id=$searchid total=$sototal order=$params.order catid=$catid page=1 pagesize=10 urlrule=$urlrule}
                            <li>
                                <div class="pro-img"> 
                                    <a href="{dr_url_rel($t.url, SITE_URL)}" class="lazy-wrap" title="{usu_fanyi($t['title'], $language)}"> 
                                        <img data-src="{dr_get_file($t['thumb'])}"
                                            data-sizes="360x0 768w,316x0 1024w,289x0 1280w,288x0 1366w,312x0 1440w,363x0 1600w"
                                            class="lazy" width="360" height="290" alt="{usu_fanyi($t['title'], $language)}"> 
                                            <em class="iconfont icon-videoplay"></em> 
                                            <span class="lazy-load"></span> 
                                            <em class="iconfont icon-hottitle"></em> 
                                    </a> 
                                </div>
                                <div class="pro-info">
                                    <div class="title">
                                        <h5><a href="{dr_url_rel($t.url, SITE_URL)}">{usu_fanyi($t['title'], $language)}</a></h5>
                                    </div>
                                    <a class="pro-btn" href="{dr_url_rel($t.url, SITE_URL)}">{usu_fanyi('view more', $language)}</a>
                                </div>
                            </li>
                            {/search}
                        </ul>
                        <div class="mypages">
                            <div class="pages">
                                {$pages}
                            </div>
                            <style>
                                @media(min-width:586px){
                                    .mypages li {
                                        padding: 0;
                                    }
                                    li{ 
                                        list-style: none;
                                    }
                                    .pages .active{
                                        border: 0px ;
                                        background:#CB451B;
                                    }
                                    .pages .active a{
                                        color: #ffffff;
                                    }
                                    .pages {
                                        margin: 40px 0 ; 
                                    }
                                    .pagination { 
                                        display: flex; 
                                        align-items: center;
                                    }
                                    .pagination li:first-child{
                                        border: 0px ;
                                        background:#CB451B;
                                    }
                                    .pagination li:first-child a{
                                        color: #ffffff;
                                    }
                                    .pagination li { 
                                        border: 1px solid #ccc;
                                        margin: 0 5px; 
                                        line-height: 40px;
                                    }
                                    .pagination li a{ 
                                    padding: 10px 15px;
                                    line-height: 4px;
                                    }
                                    .pagination li:hover{ 
                                        background:#CB451B;
                                    }
                                    .pagination li a:hover{ 
                                        color: #ffffff;
                                    }
                                }
                                @media(max-width:586px){
                                    .pagination li:first-child {  
                                        display: none;  
                                    }
                                    li{ 
                                        list-style: none;
                                    }
                                    .pages .active{
                                        border: 0px ;
                                        background:#CB451B;
                                    }
                                    .pages .active a{
                                        color: #ffffff;
                                    }
                                    .pages {
                                        display: flex;
                                        justify-content: center;
                                        align-items: center;
                                        margin: 40px 0 ; 
                                    }
                                    .pagination { 
                                        padding-left:0px ;
                                        display: flex; 
                                        justify-content: center; 
                                        align-items: center;
                                    }
                                    .pagination li:first-child{
                                        border: 0px ;
                                        background:#CB451B;
                                    }
                                    .pagination li:first-child a{
                                        color: #ffffff;
                                    }
                                    .pagination li { 
                                        border: 1px solid #ccc;
                                        margin: 0 5px; 
                                        line-height: 40px;
                                    }
                                    .pagination li a{ 
                                    padding: 10px 15px;
                                    line-height: 4px;
                                    }
                                    .pagination li:hover{ 
                                        background:#CB451B;
                                    }
                                    .pagination li a:hover{ 
                                        color: #ffffff;
                                    }
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>
    {template footer.html}
</body>

</html>